.coupon_detail{
  @grey: #272727;
  .content{
    min-height: 100vh;
    background: @grey;
    .detail{
      margin: 15px;
      background: @bg;
      h2{
        position: relative;
        height: 45px;
        padding: 0 15px;
        &:extend(.flex, .flex_center);
      }
      .center{
        position: relative;
        padding: 50px 35px 20px;
        border-width: 1px 0;
        border-style: dashed;
        border-color: #e7e7e7;
        i{
          @size: 14px;
          width: @size;
          height: @size;
          border-radius: 50%;
          background: @grey;
          position: absolute;
          top: -@size/2;
          right: -@size/2;
          &:first-child{
            left: -@size/2;
            right: auto;
          }
        }
        h3{
          .format(24px; #000);
          font-weight: bold;
        }
        h4{
          padding: 30px 0 15px;
        }
        h3,h4{
          text-align: center;
        }
        h4,p{
          .format(@color: #b5b5b5);
        }
      }
      .buttonBox{
        padding: 40px 0;
        text-align: center;
        button{
          width: 140px;
          height: 40px;
          background: #000;
          .format(@btn_fs; #fff);
          &:disabled{
            .greyBtn(@color: #959595);
          }
        }
      }
    }
  }
}